<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- <input type="button" value="这是个按钮"> -->

    <!-- <input type="text" name="name" id="xxx"> -->
    <input type="text" name="name" id="yyy" onkeydown="KeyUp()">
</body>

<script>
    function KeyUp()
    {
        // console.log('按键弹起');
        // if(event.altKey)
        //     alert("alt按下")

        // console.log('按下的键为：' + event.key);
    }


    // let keyUp = document.querySelector('input');
    // keyUp.onkeyup = function ()
    // {
    //     console.log("按键弹起");
    // }

    // let keyDown2 = document.querySelector('input');
    // keyDown2.onkeyup = function (event)
    // {
    //     console.log("用户已经输入yyy");
    //     let a  = String.fromCharCode(event.keyCode);
    //     console.log(a);
    // }


    // let button = document.querySelector("input");
    // button.onclick = function ()
    // {
    //     alert('hello');
    // }

    // let keyDown1 = document.querySelector('#xxx');
    // keyDown1.onkeydown = function ()
    // {
    //     console.log("用户已经输入xxx");
    // }

   
   
</script>
</html>